<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>商品管理</title>
<link rel="stylesheet" href="css/shopback/layui.css" media="all">
</head>
<body>
	<div style="width: 80%; margin: 0 auto;">
		<form class="layui-form layui-form-pane">
			<!-- 提示：如果你不想用form，你可以换成div等任何一个普通元素 -->
			<div class="layui-form-item">
				<label class="layui-form-label">商品ID</label>
				<div class="layui-input-inline">
					<input type="text" name="" placeholder="请输入" autocomplete="off" class="layui-input layui-input-inline">
				</div>
				<label class="layui-form-label">商品名称</label>
				<div class="layui-input-inline">
					<input type="text" name="" placeholder="请输入" autocomplete="off" class="layui-input layui-input-inline">
				</div>
				<label class="layui-form-label">买家昵称</label>
				<div class="layui-input-inline">
					<input type="text" name="" placeholder="请输入" autocomplete="off" class="layui-input layui-input-inline">
				</div>
				<label class="layui-form-label">订单编号</label>
				<div class="layui-input-inline">
					<input type="text" name="" placeholder="请输入" autocomplete="off" class="layui-input layui-input-inline">
				</div>
			</div>
			<div class="layui-form-item">
				<label class="layui-form-label">订单状态</label>
				<div class="layui-input-inline">
					<select name="orderStatus" lay-verify="">
						<option value="">请选择</option>
						<option value="0">未发货</option>
						<option value="1">未付款</option>
						<option value="2">已发货</option>
					</select>
				</div>
				<label class="layui-form-label">评价状态</label>
				<div class="layui-input-inline">
					<select name="evalStatus" lay-verify="">
						<option value="">全部评价</option>
						<option value="0">待评价</option>
						<option value="1">已评价</option>
					</select>
				</div>
			</div>
			<div class="layui-form-item">
				<label class="layui-form-label">成交时间</label>
				<div class="layui-input-inline">
					<input id="dateStart" type="text" name="" placeholder="开始时间" autocomplete="off" class="layui-input layui-input-inline">
				</div>
				<div class="layui-input-inline">
					<input id="dateEnd" type="text" name="" placeholder="结束时间" autocomplete="off" class="layui-input layui-input-inline">
				</div>
			</div>
			<div class="layui-form-item">
				<button class="layui-btn" lay-submit lay-filter="*">搜索订单</button>
				<button type="reset" class="layui-btn layui-btn-primary">重置</button>
			</div>
			<!-- 更多表单结构排版请移步文档左侧【页面元素-表单】一项阅览 -->
		</form>

		<div class="layui-form-item">
			<span class="layui-breadcrumb" lay-separator="|"> <a href="">近三个月订单</a> <a href="">等待买家付款</a> <a href="">等待发货</a> <a href="">已发货</a> <a
					href="">退款中</a> <a href="">需要评价</a> <a href="">成功的订单</a> <a href="">关闭的订单</a>
			</span>
		</div>

		<table class="layui-table" lay-data="{height:315, url:'/demo/table/user/', page:true, id:'test'}" lay-filter="test">
			<thead>
				<tr>
					<th lay-data="{field:'id', width:80, sort: true}">ID</th>
					<th lay-data="{field:'username', width:80}">用户名</th>
					<th lay-data="{field:'sex', width:80, sort: true}">性别</th>
					<th lay-data="{field:'city', width:80}">城市</th>
					<th lay-data="{field:'sign', width:177}">签名</th>
					<th lay-data="{field:'experience', width:80, sort: true}">积分</th>
					<th lay-data="{field:'score', width:80, sort: true}">评分</th>
					<th lay-data="{field:'classify', width:80}">职业</th>
					<th lay-data="{field:'wealth', width:135, sort: true}">财富</th>
				</tr>
			</thead>
		</table>

		<script src="js/shopback/layui.js"></script>
		<script>
			layui.use('form', function() {
				var form = layui.form;
			});
			layui.use('laydate', function() {
				var laydate = layui.laydate;
				laydate.render({
					elem : '#dateStart',
					theme : 'grid'
				});
			});
			layui.use('laydate', function() {
				var laydate = layui.laydate;
				laydate.render({
					elem : '#dateEnd',
					theme : 'grid'
				});
			});
			layui.use('element', function() {
				var element = layui.element;

				//一些事件监听
				element.on('tab(demo)', function(data) {
					console.log(data);
				});
			});
			layui.use('table', function() {
				var table = layui.table;

			});
		</script>
	</div>
</body>
</html>